<script setup lang="ts">
import MyDialog from './components/MyDialog.vue'
</script>

<template>
  <h1>我是App.vue</h1>

  <!-- 具名插槽 -->
  <MyDialog>
    <!-- template 包裹 v-slot 起名字才可以传递到对应的插槽中 -->
    <template v-slot:header>
      <h3>我是具名插槽</h3>
    </template>

    <!-- #name 是 v-slot:name 的简写 -->
    <template #content>
      <h3>使用具名插槽传递的数据</h3>
    </template>

    <template v-slot:foot>
      <button>具名</button>
      <button>插槽</button>
    </template>

  </MyDialog>


</template>
